{% extends 'base.html' %}
{% block head %}
	<link href="{{ path }}js/plugins/datatables/DT_bootstrap.css" rel="stylesheet">
	<link href="{{ path }}js/plugins/responsive-tables/responsive-tables.css" rel="stylesheet"> 
    
	<script src="{{ path }}js/plugins/msgGrowl/js/msgGrowl.js"></script>
	<script src="{{ path }}js/plugins/msgAlert/js/msgAlert.js"></script>
	<script src="{{ path }}js/plugins/timepicker/jquery.ui.timepicker.min.js"></script>
	<script src="{{ path }}js/plugins/colorpicker/js/bootstrap-colorpicker.js"></script>
	<script src="{{ path }}js/plugins/lightbox/jquery.lightbox.js"></script>
	<script src="{{ path }}js/demos/demo.ui-elements.js"></script>

    <script src="{{ path }}js/demos/demo.tables.js"></script>
    <script src="{{ path }}js/plugins/datatables/jquery.dataTables.js"></script>
    <script src="{{ path }}js/plugins/datatables/DT_bootstrap.js"></script>
	<script src="{{ path }}js/plugins/responsive-tables/responsive-tables.js"></script>

{% endblock %}

{% block javascript %}
function OnSubmitForm(){
	
    if(document.pressed == 'Reporte'){
		document.frm_cartera.action ="/inventario/reporte/";
		document.frm_cartera.target = "_blank";
		return true;
	}
    
    else{
    	return false;
    }
}


{% endblock %}

{% block jquery %}	
	$( '#frm_borrar' ).submit(function() {   
    		if($('input:checked').length < 1){
                alert("Debe seleccionar al menos un proveedor.");
                return false;
            }
            else{
            	if(confirm("¿Está seguro de eliminar el usuario?")){
                	return true;
                }
                {
                	return false;
                }
            }
    });
    
    $( '#form-productos' ).submit(function() {   
    		laboratorio = $('#laboratorio').attr('value');
    		categoria = $('#categoria').attr('value');
            unidad = $('#unidad').attr('value');
            if(laboratorio != 0 && categoria != 0 && unidad != 0){
            	return true;
            }
            else{
            	alert("Diligencie todos los campos obligatorios.")
    			return false;
            }
    });
    
	
	function buscar() {
    	texto = $('#texto').attr('value');
        sede = $('#sede').attr('value');
        categoria = $('#categoria').attr('value');
		inicio = $('#inicio').attr('value');
		fin = $('#fin').attr('value');
        $.ajax({
            url: "/inventario/resultados/",
            type: "POST",
            data : {texto:texto, 
            		sede:sede, 
                    categoria:categoria, 
                    inicio:inicio,
					fin:fin,
                    csrfmiddlewaretoken : $('#csrf_token >div >input').attr("value")
                     },
            dataType: "html",
            success: function(datos) {
            	$('#resultados').html(datos);
            }
        });
	}
	        
	
	$("#btn_buscar").click(buscar);
{% endblock %}

{% block ruta %}

{% endblock %}

{% block contenido %}
	{{ request.session.control }}
    	<div class="span12">
			<div id="horizontal" class="widget widget-form">
            <div class="widget-header">
                <h3>Inventario de productos</h3>	      				
            </div> <!-- /.widget-header -->
            
            <div class="widget-content">
            	<!--<div class="form-horizontal">
                <div id="csrf_token">{% csrf_token %}</div>-->
                <form name="frm_cartera" id="frm_cartera" class="form-horizontal" onsubmit="return OnSubmitForm();" method="post">
                    <div id="csrf_token">{% csrf_token %}</div>
                    <fieldset>
                        <table width="100%">
                            <tr><td width="50%">
                                <div class="control-group">
                                    <label class="control-label" for="input01">Sede:</label>
                                    <div class="controls">
                                        <select name="sede" id="sede" class="input-large" >
                                            <option value="0">- SELECCIONE -</option>
											{% for sede in user_sede %}
                                                <option value="{{ sede.sede.id }}">{{ sede.sede.nombre }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            </td>
                            <td  width="50%">
                                <div class="control-group">
                                    <label class="control-label" for="input01">Categoría:</label>
                                    <div class="controls">
                                        <select name="categoria" id="categoria" class="input-large">
	                                        <option categoría="" value="0">- TODAS -</option>
                                            {% for categoria in Categorias %}
                                                <option value="{{ categoria.id }}">{{ categoria.nombre }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            </td></tr>
                            <tr><td>
                                <div class="control-group">
                                    <label class="control-label" for="input02">Fecha inicio:</label>
                                    <div class="controls">
                                        <input class="input-medium" name="inicio" id="inicio" type="text" value="{{ Inventario.fecha_inicio|date:'d/m/Y' }}">
                                    </div>
                                </div>
                            </td>
                            <td>    
                                <div class="control-group">
                                    <label class="control-label" for="input01">Fecha fin:</label>
                                    <div class="controls">
                                        <input class="input-medium" name="fin" id="fin" type="text" value="{{ Inventario.fecha_fin|date:'d/m/Y' }}">
                                    </div>
                                </div>
                            </td></tr>
                            </table>
                    		<table width="100%" class="form-actions">
                                <tr>
                                	<td width="50%" style="text-align:center">
                                    	
                                    </td>
                                	<td width="50%" style="text-align:center">
                                    	<button type="submit" class="btn btn-primary btn-large" id="btn_buscar" onclick="document.pressed=this.value" value="Buscar">Buscar</button>
                                        <button type="submit" class="btn btn-primary btn-large" id="btn_imprimir" onclick="document.pressed=this.value" value="Reporte">Imprimir</button>
                                    </td>
                                </tr>
                            </table>
                    <!--</div>-->
                    </fieldset>
                                        
                </form>
			</div>
        </div> <!-- /.widget-content -->    
        </div>  <!-- /.span 12 -->
    
		<div id="resultados">
		
		</div>
            
{% endblock %}